<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>Layui</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link rel="stylesheet" href="../lib/layui/css/layui.css"  media="all">
    <!-- 注意：如果你直接复制所有代码到本地，上述css路径需要改成你本地的 -->

</head>
<body>
<!--<script type="text/html" id="barDemo">-->
<!--    <a class="layui-btn layui-btn-xs" lay-event="view">查看</a>-->
<!--    <a class="layui-btn layui-btn-normal layui-btn-xs" lay-event="edit">修改</a>-->
<!--    <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>-->
<!--</script>-->

<fieldset class="layui-elem-field layui-field-title">
    <legend>货验收单新增</legend>
</fieldset>

    <div class="layui-input-inline">
        <label><span style="color: red">*</span>供应商</label>
        <div class="layui-inline"><input type="text" readonly id="supplierName" class="layui-input inputText" value="" ></div>
        <div class="layui-inline"><input type="button" class="layui-btn layui-btn-sm" value="选择" onclick="show()"></div>
        <input type="hidden" id="supplierId" name="supplierId" value="">
    </div>
    <div class="layui-input-inline">
        <label><span style="color: red">*</span>采购单Id</label>
        <div class="layui-inline"><input type="text" readonly id="purchaseOrderCode" class="layui-input inputText" value="" ></div>
        <div class="layui-inline"><input type="button" class="layui-btn layui-btn-sm" value="选择" onclick="showPurchase()"></div>
        <input type="hidden" id="purchaseOrderId" name="purchaseOrderId" value="">
    </div>
<!--<div class="layui-table-box">-->
<!--    <div class="layui-table-header">-->
<table class="layui-table">
    <thead>
    <tr>
        <th class="layui-table-col-special" style="padding-bottom: 5px;padding-top: 5px">
            <div class="layui-table-cell" style="padding-bottom: 0;padding-top: 0">
                <span>操作</span>
            </div>
        </th>
        <th class="layui-table-col-special" style="padding-bottom: 5px;padding-top: 5px">
            <div class="layui-table-cell" style="padding-bottom: 0;padding-top: 0;text-align: center">
                <span>商品名称</span>
            </div>
        </th>
        <th class="layui-table-col-special" style="padding-bottom: 5px;padding-top: 5px">
            <div class="layui-table-cell" style="padding-bottom: 0;padding-top: 0">
                <span>商品数量</span>
            </div>
        </th>
        <th class="layui-table-col-special" style="padding-bottom: 5px;padding-top: 5px">
            <div class="layui-table-cell" style="padding-bottom: 0;padding-top: 0">
                <span>商品销售单价</span>
            </div>
        </th>
    </tr>
    </thead>
    <tbody>

    <!--            表格的一行，如果需要初始几行，复制几次即可，同时隐藏域需要加属性如 id class 自定义属性，则直接在本页面初始和js中相加-->
    <tr>
        <td style="padding-bottom: 5px;padding-top: 5px;width: 60px">
            <div class="layui-table-cell" style="padding-bottom: 0;padding-top: 0">
                <button type="button" name="addNewLine_btn" class="layui-btn layui-btn-normal layui-btn-xs addNewLine_btn" onclick="addTr(this)">+</button>
                <button type="button" name="delNowLine_btn" class="layui-btn layui-btn-danger layui-btn-xs delNowLine_btn" onclick="delTr(this)">×</button>
            </div>
        </td>
        <td style="padding-bottom: 5px;padding-top: 5px;width: 480px" onclick="showGoodsInput(this)">
            <div class="layui-table-cell selGoods" style="padding-bottom: 0;padding-top: 0"></div>
            <input type="hidden" name="goodsId" value="">
        </td>
        <td style="padding-bottom: 5px;padding-top: 5px;width: 260px" onclick="showQuantityInput(this)">
            <div class="layui-table-cell" style="padding-bottom: 0;padding-top: 0"></div>
        </td>
        <td style="padding-bottom: 5px;padding-top: 5px;width: 100px">
            <div class="layui-table-cell" style="padding-bottom: 0;padding-top: 0"></div>
        </td>
    </tr>
    <tr>
        <td style="padding-bottom: 5px;padding-top: 5px;width: 60px">
            <div class="layui-table-cell" style="padding-bottom: 0;padding-top: 0">
                <button type="button" name="addNewLine_btn" class="layui-btn layui-btn-normal layui-btn-xs addNewLine_btn" onclick="addTr(this)">+</button>
                <button type="button" name="delNowLine_btn" class="layui-btn layui-btn-danger layui-btn-xs delNowLine_btn" onclick="delTr(this)">×</button>
            </div>
        </td>
        <td style="padding-bottom: 5px;padding-top: 5px;width: 480px" onclick="showGoodsInput(this)">
            <div class="layui-table-cell selGoods" style="padding-bottom: 0;padding-top: 0"></div>
            <input type="hidden" name="goodsId" value="">
        </td>
        <td style="padding-bottom: 5px;padding-top: 5px;width: 260px" onclick="showQuantityInput(this)">
            <div class="layui-table-cell" style="padding-bottom: 0;padding-top: 0"></div>
        </td>
        <td style="padding-bottom: 5px;padding-top: 5px;width: 100px">
            <div class="layui-table-cell" style="padding-bottom: 0;padding-top: 0"></div>
        </td>
    </tr>
    <tr>
        <td style="padding-bottom: 5px;padding-top: 5px;width: 60px">
            <div class="layui-table-cell" style="padding-bottom: 0;padding-top: 0">
                <button type="button" name="addNewLine_btn" class="layui-btn layui-btn-normal layui-btn-xs addNewLine_btn" onclick="addTr(this)">+</button>
                <button type="button" name="delNowLine_btn" class="layui-btn layui-btn-danger layui-btn-xs delNowLine_btn" onclick="delTr(this)">×</button>
            </div>
        </td>
        <td style="padding-bottom: 5px;padding-top: 5px;width: 480px" onclick="showGoodsInput(this)">
            <div class="layui-table-cell selGoods" style="padding-bottom: 0;padding-top: 0"></div>
            <input type="hidden" name="goodsId" value="">
        </td>
        <td style="padding-bottom: 5px;padding-top: 5px;width: 260px" onclick="showQuantityInput(this)">
            <div class="layui-table-cell" style="padding-bottom: 0;padding-top: 0"></div>
        </td>
        <td style="padding-bottom: 5px;padding-top: 5px;width: 100px">
            <div class="layui-table-cell" style="padding-bottom: 0;padding-top: 0"></div>
        </td>
    </tr>
    <tr>
        <td style="padding-bottom: 5px;padding-top: 5px;width: 60px">
            <div class="layui-table-cell" style="padding-bottom: 0;padding-top: 0">
                <button type="button" name="addNewLine_btn" class="layui-btn layui-btn-normal layui-btn-xs addNewLine_btn" onclick="addTr(this)">+</button>
                <button type="button" name="delNowLine_btn" class="layui-btn layui-btn-danger layui-btn-xs delNowLine_btn" onclick="delTr(this)">×</button>
            </div>
        </td>
        <td style="padding-bottom: 5px;padding-top: 5px;width: 480px" onclick="showGoodsInput(this)">
            <div class="layui-table-cell selGoods" style="padding-bottom: 0;padding-top: 0"></div>
            <input type="hidden" name="goodsId" value="">
        </td>
        <td style="padding-bottom: 5px;padding-top: 5px;width: 260px" onclick="showQuantityInput(this)">
            <div class="layui-table-cell" style="padding-bottom: 0;padding-top: 0"></div>
        </td>
        <td style="padding-bottom: 5px;padding-top: 5px;width: 100px">
            <div class="layui-table-cell" style="padding-bottom: 0;padding-top: 0"></div>
        </td>
    </tr>
    </tbody>
</table>
<!--    </div>-->
<!--</div>-->


<table class="layui-hide" id="test" lay-filter="test"></table>

<!--<script type="text/html" id="toolbarDemo">-->
<!--    <div class="layui-btn-container">-->
<!--        <button class="layui-btn layui-btn-sm" lay-event="insertPurchase">新增采购单</button>-->
<!--        <button class="layui-btn layui-btn-sm" lay-event="auditPurchase">提交审核</button>-->
<!--&lt;!&ndash;<button class="layui-btn layui-btn-sm" lay-event="isAll">验证是否全选</button>&ndash;&gt;-->
<!--    </div>-->
<!--</script>-->
<!--<input type="button" class="layui-btn layui-btn-sm layui-btn-normal" id="test_btn_addGoods" value="测试按钮。当选择商品后，从子页面读取数据后的效果">-->
<input type="button" id="clk" class="layui-btn layui-btn-sm" value="提交" onclick="showInfo()">
</body>
<script src="lib/jquery-3.4.1.min.js"></script>
<script type="text/javascript" src="lib/js/functionfield.js"></script>
<script src="lib/layui/layui.js" charset="utf-8"></script>
<script type="text/javascript" src="lib/js/cookies.js"></script>
<script type="text/javascript" src="lib/js/deliveryOrder_add.js"></script>
<script>
    //

</script>
</html>